<template>
  <div>
    <span>加数1: </span> <input type="text" v-model="num1" /> <br />
    <span>加数2: </span> <input type="text" v-model="num2" /> <br />
    <span>计算结果: </span> <input type="text" v-model="result" readonly />
  </div>
</template>

<script>
export default {
  name: "Test4",
  data() {
    return {
      num1: "",
      num2: "",
    };
  },
  computed: {
    // result() {
    //   if (this.num1 && this.num2) {
    //     return Number.parseInt(this.num1) + Number.parseInt(this.num2);
    //   } else {
    //     return 0;
    //   }

    // }
    result: {
      get() {
        if (this.num1 && this.num2) {
          return Number.parseInt(this.num1) + Number.parseInt(this.num2);
        } else {
          return 0;
        }
      },
      set() {},
    },
  },
};
</script>

<style>
</style>